﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>日历</title>

    <script type="text/javascript" src="../../WF/Scripts/bootstrap/js/jquery.min.js"></script>
    <script type="text/javascript" src="../../WF/Scripts/bootstrap/js/bootstrap.min.js"></script>
    <script src="../../WF/Scripts/QueryString.js" type="text/javascript"></script>
    <script src="../../WF/Scripts/config.js" type="text/javascript"></script>
    <script src="../../WF/Comm/Gener.js" type="text/javascript"></script>
    <!--<base target="_self" />-->

    <link rel="stylesheet" href="../../App/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../App/layuiadmin/style/admin.css" media="all">
    <link rel="stylesheet" href="../../App/FlowDesigner/css/icons.css" s media="all">
    <link href="../../WF/Scripts/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="../../WF/Scripts/bootstrap/css/font-awesome.css" rel="stylesheet">
    <link href="../../DataUser/Style/ccbpm.css" rel="stylesheet" type="text/css" />
    <style>
        .add {
            padding: 30px;
            background: #F0F8FF;
            width: 10%;
            float: left;
        }

        .content {
            width: 100%;
            margin: 1cm 0cm;
            float: left;
        }

        #icon {
            font-size: 25px;
        }
    </style>
    <script language="javascript" type="text/javascript">
        //页面启动函数.
        $(function () {

            $("#Msg").html("正在加载,请稍后......");

            var handler = new HttpHandler("BP.Cloud.HttpHandler.App_FlowDesigner");
            var data = handler.DoMethodReturnJSON("Template_Init");

            var sorts = data["Sorts"];
            var flows = data["Frms"];

            var num = 0;
            var is1 = false;
            var html = '';
            $('#Table1').html("");

            //增加处理.
            for (var isort = 0; isort < sorts.length; isort++) {
                var sort = sorts[isort];
                html += "<tr onclick=\"GroupBarClick('" + sort.Name + "')\" ><th style='background:#ffffff;border:0px;' colspan=8 class='table-title'><i class='fa fa-minus-square' alert='Min'  id='Img" + sort.Name + "'></i><span style='font-size:15px;font-weight:normal;'>" + sort.Name + "</span></th></tr>";


                num++;
                showRealCount++;
                if (is1 == true) {
                    html += "<tr style='margin:10px;'  id='" + sort.Name + num + "' >";
                    is1 = false;
                } else {
                    html += "<tr style='margin:10px;'  id='" + sort.Name + num + "' >";
                    is1 = true;
                }
                var strHtml = GetHtml(flows, sort);
                html += strHtml;
                html += "</td>";
                html += "</tr>";
            }

            html += "</table>";

            $('#Table1').append(html);

        });
    </script>
</head>
<body>

    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="ibox-content">
            <div class="row search-padding">
                <div class="col-md-4 col-sm-4 pull-left">
                </div>
            </div>
            <!--<div id="docs" />-->
            <table class="table  table-striped" style="border-collapse:separate; border-spacing:90px 5px;border:1px solid #ffffff;">
                <tbody id="Table1"></tbody>
            </table>

            <!-- 显示分页信息 -->
            <div class="row" style="text-align: left;">
                <ul class="pagination" id="page_nav"></ul>
                <ul class="pagination controls" id="page_info"></ul>
                <div style="clear: both;"></div>
            </div>
        </div>
    </div>

    <!--<div id="docs" />-->

</body>
</html>